<style type="text/css">
.showAlert{
  text-align: center; 
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
}
.txt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#txtBorder{
    display: none;
    width: 240px;
    height: 80px;
    border: 1px solid #333;
    padding: 12px;
    text-align: left;
    line-height: 175%;
    position: absolute;
    background-color: #fafbfc;
}
/*.show{
    display: block;
}
.hide{
    display: none;
}*/
</style>
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">房东装修分期申请记录</h1>
</div>
<div class="wrapper-md">
    <div class="row">
        <div class="col-md-12" ng-controller="houseOwnerLoanListDetailCtl">
            <div class="panel panel-default">
                <div class="panel-heading">
                    房东装修分期申请记录
                </div>
                <!--       <div class="panel-body">
                    <form class="form-group">
                        <div class="col-sm-10">
                            <div class="col-sm-10">
                                <input type="search" class="form-control" ng-model="_contractNo" placeholder="模糊搜索">
                            </div>
                              <button class="btn-yellow check-btn" ng-click="queryUser()">查询</button>
                         
                        </div>
                      
                      
                     
                    </form>
                </div> -->

                <div class="table-responsive">
                    <table  class="table table-striped m-b-none">
                        <thead>
                          <tr role="row">
                            <th class="sorting_disabled center" style="width: 84px;">序号</th>
                            <th class="sorting_disabled center" style="width: 94px;">应还款日</th>
                            <th class="sorting_disabled center" style="width: 84px; white-space: nowrap;">当期应还金额（元）</th>
                            <th class="sorting_disabled center" style="width: 84px;">逾期天数</th>
                            <th class="sorting_disabled center" style="width: 84px; white-space: nowrap;">逾期费（元）</th>
                            <th class="sorting_disabled center" style="width: 84px; white-space: nowrap;">实际还款总额（元）</th>
                            <th class="sorting_disabled center" style="width: 94px;">实际还款时间</th>
                            <th class="sorting_disabled center" style="width: 74px;">流水号</th>
                            <th class="sorting_disabled center" style="width: 114px;">还款状态</th>
                            <th class="sorting_disabled center handle-td" style="width: 58px;">操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr ng-repeat = "item in data">
                          <!-- 期数 -->
                            <td>{{item.periodNum}}</td>
                            <!-- 还款日 -->
                            <td>{{item.planRepaymentDate}}</td> 
                             <!-- 当期金额 -->
                            <td>{{item.planRepaymentAmount}}</td>  
                             <!-- 逾期天数 -->
                            <td>{{item.overdueDay}}</td>
                             <!-- 逾期金额 -->
                            <td>{{item.overdueFee}}<!-- <span ng-show="item.overdueDay" style='color:#ef000'>超期天数：{{item.overdueDay}}</span> --></td>
                             <!-- 实际还款 -->
                            <td>{{item.realRepaymentAmount}}</td>
                             <!-- 还款时间 -->
                            <td>{{item.realRepaymentDate}}</td>

                            <!-- 流水号 -->
                            <td ng-model="icon" class="txt" ng-mouseover="display($index)" ng-mouseout="disappear($index)">
                                <img src="img/copy.ico" style="height: 40px; width: 40px;" />
                            </td>
                            <td class="box" id="txtBorder" ng-mouseover="display($index)" ng-mouseout="disappear($index)">
                                {{item.payNo}}
                            </td>
                           
                            <!-- 还款状态 -->
                            <td>{{item.planStatus}}</td>
                            <!-- 操作 -->

                            <td>
                                <span ng-show="item.reslStatus">
                                    <button ng-hide="item.relPlanStatus" class="btn-yellow" ng-click="repay('{{item.id}}','{{item.planRepaymentAmount + item.overdueFee}}')" >还款</button>
                                    <button ng-show="item.relPlanStatus" class="btn btn-yellow disabled ">还款</button>
                                </span>
                                <span ng-hide="item.reslStatus">
                                    <button class="btn btn-yellow disabled ">还款</button>
                                </span>
                            </td>
                          </tr>
                        </tbody>
                    </table>
                </div>
                <div ng-hide="dataNull" class="showAlert">订单信息不能查询。</div>
            </div>
        </div>
    </div>
</div>